<style include="shared-style">
  :host {
    --standard-border: 1px solid black;
  }

  #clearButton {
    float: right;
  }
</style>
<cr-button on-click="onDownloadContacts_"
    class="internals-button">
  Download Contacts
</cr-button>
<cr-button on-click="onClearMessagesButtonClicked_" class="internals-button"
    id="clearButton" disabled="[[!contactList_.length]]">
 Clear Messages
</cr-button>
<dom-repeat items="[[contactList_]]" as="contact" id="contact-list"
    hidden="[[!contactList_.length]]">
  <!-- TODO(https://crbug.com/1120668): Add missing bottom border to contact
    list. -->
  <template>
    <contact-object item="[[contact]]">
    </contact-object>
  </template>
</dom-repeat>
